<input type="hidden" name='url' id='url' value="<?php echo $this->Html->url( null, true ); ?>">
<div class="row">
<ol class="breadcrumb pull-left">
	<li>
		<?php echo $this->Html->link(__('Clientes', true), array('controller' => 'clients', 'action' => 'index' )); ?> 			
		</li>
	<li class='active'><a href="#">Calendar</a></li>
</ol>
</div>
<div class="row"> 
	<div class="col-sm-12 col-md-12">
		<div class="widget-box">
			<div class="widget-title">
				<h2 class="logo">Historial</h2>
			</div>
			<div class="widget-container" >
				<div class="widget-container">
			      	<ul class="nav nav-tabs" id="myTab">
					  <li class="active"><a href="#home" data-toggle="tab"><span class="glyphicon glyphicon-time"></span> Turnos</a></li>
					  <li><a href="#profile" data-toggle="tab">Servicios</a></li>
					  <!-- <li><a href="#messages" data-toggle="tab">Observaciones</a></li>
					  <li><a href="#settings" data-toggle="tab">Settings</a></li> -->
					</ul>

					<!-- Tab panes -->
					<div class="tab-content">
					  <div class="tab-pane active" id="home">
					  	
					  	<div class="table-responsive">
				
							<table class="table table-hover table-striped order-table table-green">
								<thead>
									<tr>
										<th>#</th>
										<th>Servicio</th>
										<th>Fecha</th>
										<th>Hora</th>
										<th>Asistencia</th>
										<th>Pagado</th>
										<th></th>
										
									</tr>
								</thead>
								<tbody>
									<tr>
										<td></td>
										<td>Depilacion</td>
										<td>12/05/2014</td>
										<td>16:30</td>
										<td><span class="glyphicon glyphicon-ok"></span></td>
										<td></td>
									</tr>
									<tr>
										<td></td>
										<td>Depilacion</td>
										<td>12/05/2014</td>
										<td>16:30</td>
										<td><span class="glyphicon glyphicon-remove"></span></td>
										<td></td>
									</tr>
								</tbody>
							
							</table>
					  	</div>
					  </div>
					  <div class="tab-pane" id="profile">
					  	<div class="table-responsive">
				
							<table class="table table-hover table-striped order-table table-blue">
								<thead>
									<tr>
										<th>#</th>
										<th>Servicio</th>
										<th>Fecha</th>
										<th>Hora</th>
										<th>Asistencia</th>
										<th>Pagado</th>
										<th></th>
										
									</tr>
								</thead>
								<tbody>
									<tr>
										<td></td>
										<td>Depilacion</td>
										<td>12/05/2014</td>
										<td>16:30</td>
										<td><span class="glyphicon glyphicon-ok"></span></td>
										<td></td>
									</tr>
									<tr>
										<td></td>
										<td>Depilacion</td>
										<td>12/05/2014</td>
										<td>16:30</td>
										<td><span class="glyphicon glyphicon-remove"></span></td>
										<td></td>
									</tr>
								</tbody>
							
							</table>
					  	</div>

					  </div>
					  <div class="tab-pane" id="messages">
					  	<p class="alert alert-warning">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					  	tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					  	quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
					  	consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
					  	cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					  	proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

					  </div>
					  <div class="tab-pane" id="settings">
					  	<p class="alert alert-danger">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					  	tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					  	quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
					  	consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
					  	cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					  	proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

					  </div>
					</div>
		</div>
		</div>
	</div>
</div>
<script type="text/javascript">
$(function(){
	$('#myTab a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
})
});
</script>